<!DOCTYPE html>
<html>
<head>
    <title>Issue 5019: Editing a variable in the Watch window doesn't work</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link href="../../../_common/testcase.css"
        type="text/css" rel="stylesheet"/>
</head>
<body>
<script type="text/javascript">
function onExecuteTest()
{
    var a = 100;
    var b = "hello";
    var c = false;

    debugger;

    console.log(a, b, c);
}

</script>
<header>
    <h1><a href="http://code.google.com/p/fbug/issues/detail?id=5019">Issue 5019</a>:
        Editing a variable in the Watch window doesn't work</h1>
</header>
<div>
    <section id="description">
        <h3>Steps to reproduce</h3>
        <ol>
            <li>Open Firebug, enable the Script panel, reload.</li>
            <li>Click this button
                <button id="executeTest" onclick="onExecuteTest()">Execute Test</button></li>
            <li>The debugger should halt at line <code>17</code></li>
            <li>Select the <b>Watch</b> side panel</li>
            <li>Change value of variable <code>a</code> to <code>200</code></li>
            <li>Change value of variable <code>b</code> to <code>helloworld</code></li>
            <li>Toggle value of variable <code>c</code> to <code>true</code> (by double click)</li>
            <li>Resume the debugger and select the Console panel</li>
            <li>You should see following log: <code>200 helloworld true</code></li>
        </ol>
    </section>
    <footer>
        Jan Odvarko, odvarko@gmail.com;
    </footer>
</div>
</body>
</html>
